.alert {
  position: relative;
  padding: $alert-padding-y $alert-padding-x;
  margin-bottom: $paragraph-margin-bottom;
  border: $border-width solid transparent;
  border-radius: $border-radius;
}

.alert-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: $font-size-base;
  padding: $alert-padding-y $alert-padding-x;
  color: inherit;
  cursor: pointer;
}

.alert-desc {
  font-size: $font-size-sm;
  margin: 0.3rem 0 0;
}

.alert-success {
  @include alert-style($white, $white, $success);
}

.alert-warning {
  @include alert-style($white, $white, $warning);
}

.alert-danger {
  @include alert-style($white, $white, $danger);
}

.alert-default {
  @include alert-style($white, $white, $primary);
}